/* ribbon style */

 .ribbon-wrapper {
	position: absolute;
	top: 215px;
}
  .ribbon-front {
	/**background-color: #FFF9B3;**/	
	height: 202px;
	width: 1040px;
	position: relative;
	left:-20px;
	z-index: 2;
	box-shadow: 0 0 10px;
	background: #f1da36; /* Old browsers */
	background: -moz-linear-gradient(left,  #f1da36 0%, #fff9b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f1da36), color-stop(100%,#fff9b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f1da36 0%,#fff9b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f1da36 0%,#fff9b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f1da36 0%,#fff9b3 100%); /* IE10+ */
	background: linear-gradient(to right,  #f1da36 0%,#fff9b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fff9b3',GradientType=1 ); /* IE6-9 */
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 200px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #FAEE70 transparent transparent;
}

  .ribbon-edge-topleft {
	top: -8px;
	border-width: 10px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 1000px;
	border-color: transparent transparent transparent #FAEE70;
}

  .ribbon-edge-topright {
	top: -8px;
	border-width: 10px 0 0 20px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 20px;
}

  .ribbon-back-left {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 0px;
	height: 200px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: -10px;
	right: 0px;
	width: 0px;
	height: 200px;
		z-index: 0;
}

.ribbonImage{
	background-image: 
		/*2 grey borders*/
		linear-gradient(
			transparent 0%, 
			rgba(0, 0, 0, 0.1) 0%, 
			rgba(0, 0, 0, 0.1) 0%, 
			transparent 0%, 
			transparent 0%, 
			rgba(0, 0, 0, 0.1) 0%, 
			rgba(0, 0, 0, 0.1) 0%, 
			transparent 0%
		), 
		/*white gloss gradient*/
		linear-gradient(
			rgba(255, 255, 255, 0.75), 
			rgba(255, 255, 255, 0) 
		), 
		/*thin stripes*/
		linear-gradient(
			45deg, 
			transparent 40%, 
			rgba(0, 0, 0, 0.1) 40%, 
			rgba(0, 0, 0, 0.1) 60%, 
			transparent 60%
		), 
		/*white base*/
		linear-gradient(white, white); 
	background-size: 
		cover, /*borders*/
		cover, /*white gloss*/
		4px 4px, /*thin stripes*/
		cover; /*base white*/
}

.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   position: relative;
   top: 20px;
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   position: relative;
   top: 180px;
   }
 
 /*OVERRIDES FOR HEADER*/
   
.ribbon-wrapper-header{
	top: 23px !important;
}

.ribbon-front-header{
	height: 115px !important;
}

.ribbon-stitches-top-header{
	top: 10px !important;
}

.ribbon-stitches-bottom-header{
	top: 105px !important;
}
